<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body class="bg-shadow">
<!-- header start -->
<div class="ileader-header">
  <div class="ileader-main layui-clear">
    <a href="index.html" class="logo"><img src="../dist/images/logo.png" alt=""></a>
    <ul class="nav-list">
      <li class="list-item"><a href="#">下载APP</a></li>
      <li class="list-item">
        <form class="layui-form search-box">
          <div class="layui-input-inline">
            <input type="text" name="seachInfo" class="layui-input search-input" placeholder="搜索课程信息" autocomplete="off">
          </div>
          <button class="layui-btn layui-btn-normal search-btn" lay-submit lay-filter="formDemo"></button>
        </form>
      </li>
      <!-- 登录前 -->
      <li class="list-item">
        <a href="javascript:;" class="js-header-register">注册</a> / <a href="javascript:;" class="js-header-signIn">登录</a>
      </li>
      <li class="list-item item-user">
        <span class="user-head"><img src="../dist/images/user_head.png" class="" alt=""></span>
      </li>
      <!-- 登录后 -->
      <!--<li class="list-item list-item-after">-->
      <!--<a href="m-news.html" class="user-news active">消息</a>-->
      <!--<a href="m-online-course.html">个人中心</a>-->
      <!--</li>-->
      <!--<li class="list-item item-user">-->
      <!--<span class="user-name">黑眼圈圈</span>-->
      <!--<span class="user-head"><img src="../dist/images/user_head.png" alt=""></span>-->
      <!--</li>-->
    </ul>
  </div>
</div>
<!-- header start-->

<!-- content start-->
<div class="il-course-floor pb-30 pt-30">
  <div class="ileader-main">

    <div class="course-nav-box">
      <div class="course-nav-row layui-clear">
        <span class="label">分类:</span>
        <ul class="course-nav-list">
          <li class="course-nav-item"><a href="#" class="active">全部</a></li>
          <li class="course-nav-item"><a href="#">类别一</a></li>
          <li class="course-nav-item"><a href="#">类别二</a></li>
          <li class="course-nav-item"><a href="#">类别三</a></li>
        </ul>
      </div>
      <div class="course-nav-row layui-clear">
        <span class="label">子类:</span>
        <ul class="course-nav-list">
          <li class="course-nav-item"><a href="#" class="active">全部</a></li>
          <li class="course-nav-item"><a href="#">高志刚乔欣</a></li>
          <li class="course-nav-item"><a href="#">管理会计</a></li>
          <li class="course-nav-item"><a href="#">经济法</a></li>
          <li class="course-nav-item"><a href="#">高志刚乔欣</a></li>
          <li class="course-nav-item"><a href="#">管理会计</a></li>
          <li class="course-nav-item"><a href="#">经济法</a></li>
          <li class="course-nav-item"><a href="#">高志刚乔欣</a></li>
          <li class="course-nav-item"><a href="#">管理会计</a></li>
          <li class="course-nav-item"><a href="#">经济法</a></li>
          <li class="course-nav-item"><a href="#">高志刚乔欣</a></li>
          <li class="course-nav-item"><a href="#">管理会计</a></li>
          <li class="course-nav-item"><a href="#">经济法</a></li>
          <li class="course-nav-item"><a href="#">高志刚乔欣</a></li>
          <li class="course-nav-item"><a href="#">管理会计</a></li>
          <li class="course-nav-item"><a href="#">经济法</a></li>
        </ul>
      </div>
      <div class="course-nav-row layui-clear">
        <span class="label">级别:</span>
        <ul class="course-nav-list">
          <li class="course-nav-item"><a href="#" class="active">全部</a></li>
          <li class="course-nav-item"><a href="#">level1</a></li>
          <li class="course-nav-item"><a href="#">level2</a></li>
          <li class="course-nav-item"><a href="#">level3</a></li>
          <li class="course-nav-item"><a href="#">level4</a></li>
          <li class="course-nav-item"><a href="#">level5</a></li>
        </ul>
      </div>
      <div class="course-more"><i class="c-dot"></i></div>
    </div>

    <div class="course-tool-bar layui-clear">
      <div class="tool-left">
        <a href="#" class="tl-btn active">免费课程</a>
        <a href="#" class="tl-btn">付费课程</a>
      </div>
      <div class="tool-right">
        <span class="page-num"><em class="page-cur">2</em>/3</span>
        <a href="#" class="pager-action disabled">
          <i class="icon icon-left"></i>
        </a>
        <a href="#" class="pager-action">
          <i class="icon icon-right"></i>
        </a>
      </div>
    </div>

    <ul class="floor-list layui-clear">
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>20000人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level1</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-red">￥1000<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
    </ul>

    <!-- 分页 -->
    <div class="ileader-page pt-20 pb-20 s-tc">
      <div class="layui-box layui-laypage">
        <a href="#" class="layui-laypage-first">首页</a>
        <a href="#" class="layui-laypage-prev layui-disabled">上一页</a>
        <span class="layui-laypage-curr">
          <em class="layui-laypage-em"></em>
          <em>1</em>
        </span>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <span class="layui-laypage-spr">…</span>
        <a href="#" class="layui-laypage-next">下一页</a>
        <a href="#" class="layui-laypage-last">尾页</a>
      </div>
    </div>
  </div>
</div>
<!-- content end-->

<!-- footer start-->
<div class="footer-warp">
  <div class="footer-nav">
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
    <a href="#">帮助中心</a>
    <a href="javascript:;" class="ewm-link">
      <span>订阅号</span>
      <div class="ewm-box">
        <p>扫描二维码关注<br>iLeader微信服务号</p>
        <img src="../dist/images/ewm.png" alt="">
      </div>
    </a>
  </div>
  <div class="copyright">京ICP证030173号-1   京网文【2013】0934-983号     ©2019Baidu</div>
</div>
<!-- footer end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/js/popup_all.js"></script>
</body>
</html>